function sendMess(){
    var username=$('#username').html();
    var message=document.getElementById("message").value;
    var mydate=new Date();
    var time=(mydate.getFullYear()+'-'+(mydate.getMonth()+1)+'-'+mydate.getDay()+' '+mydate.getHours()+':'+mydate.getMinutes()+':'+mydate.getSeconds());

    fetch("/api/sendMessage", {
        method: "POST",
        headers: new Headers({
            'Content-Type': 'application/json'
        }),
        body: JSON.stringify({
            "time": time,
            "message": message,
            "username": username
        })
    }).then(function (res) {
        console.log(res);
    });

    getMess();
}

function getMess() {
    var info = document.createElement('div');
    // var info=document.getElementById("information");
    // info.
    //
    // var message=document.getElementById("message").value;//获得留言的内容
    // var showTime=document.createElement('h4');//创建显示时间的节点
    // var con= document.createElement('div');//创建一个div
    // con.setAttribute('class', 'div');//给div加上我们写好class
    // var showName=document.createElement('h4')//创建显示留言名字的节点
    // showName.setAttribute('class', 'h4');//加上样式
    // var mess=document.createElement('p');//创建显示留言内容的节点
    // mess.setAttribute('class', 'mess');//加上样式
    // var mydate=new Date(); //新建一个时间对象
    // var time=(mydate.getFullYear()+'-'+(mydate.getMonth()+1)+'-'+mydate.getDay()+' '+mydate.getHours()+':'+mydate.getMinutes()+':'+mydate.getSeconds());//时间格式化
    // showName.innerHTML=('留言人：'+username);//把获取的名字显示为我们创建的h4标签的内容
    // mess.innerHTML=('留言内容：'+'<br/>'+message);//把获取的内容显示为我们创建的p标签的内容
    // showTime.innerHTML=time;//显示时间
    // con.appendChild(showName);//把我们创建的节点加上子节点
    // con.appendChild(mess);
    // con.appendChild(showTime);
    // info.append(con);

    fetch("/api/getMessage", {
        method: "GET",
    }).then(function (res) {
        res.json().then(function (data) {
            let html = "";
            for (let i in data){
                var d = data[i];
                // var con= document.createElement('div');//创建一个div
                // con.setAttribute('class', 'div');//给div加上我们写好class
                // var showName=document.createElement('h4')//创建显示留言名字的节点
                // showName.setAttribute('class', 'h4');//加上样式
                // var mess=document.createElement('p');//创建显示留言内容的节点
                // mess.setAttribute('class', 'mess');//加上样式
                // var showTime=document.createElement('h4');

                // showName.innerHTML=('留言人：'+d.username);
                // showTime.innerHTML=d.time;//显示时间
                // mess.innerHTML=d.message;//显示时间
                //
                // con.appendChild(showName);//把我们创建的节点加上子节点
                // con.appendChild(mess);
                // con.appendChild(showTime);
                // info.append(con);

                let messageHtml = "<div class=\"card\" style=\"width: 18rem;\">\n" +
                    "    <h5 class=\"card-title\">留言人："+d.username+"</h5>\n" +
                    "  <div class=\"card-body\">\n" +
                    "    <p class=\"card-text\">"+d.time+"</p>\n" +
                    "    <p class=\"card-text\">"+d.message+"</p>\n" +
                    "  </div>\n" +
                    "</div>";

                html += messageHtml;
            }
            document.getElementById("information").innerHTML = html;
            console.log(data);
        });
    });
}

function changeMess(id,message) {
    fetch("/api/changeMessage", {
        method: "POST",
        headers: new Headers({
            'Content-Type': 'application/json'
        }),
        body: JSON.stringify({
            "id": id,
            "message": message
        })
    }).then(function (res) {
        console.log(res);
    });
}

function delMess(id) {
    fetch("/api/deleteMessage", {
        method: "POST",
        headers: new Headers({
            'Content-Type': 'application/json'
        }),
        body: JSON.stringify({
            "id": id
        })
    }).then(function (res) {
        console.log(res);
    });
}